@charset "utf-8";

@font-face {
    font-family: mFont;
    src: url('../fonts/DINCOND-REGULAR.eot'),
    url('../fonts/DINCOND-REGULAR.ttf'),
    url('../fonts/DINCOND-REGULAR.woff');
}
html{
	overflow-x: hidden;
}
body{
	font-family: "微软雅黑";
}
a:hover,a:focus{
	text-decoration: none;
	color: inherit;
}
a:visit{
	text-decoration: none;
	color: inherit;
}
a{
	color: inherit;
}
.top{
	line-height: 16px;
	padding: 14px 0;
	background: #e9eaec;
	color: #555555;
}
.top .welcome{
	float: left;
}
.top .quick{
	float: right;
}
.top .quick span{
	display: inline-block;
	padding: 0 20px;
	border-right: 1px solid #c6c6c6;
}
.top .quick .quick_a a{
	display: inline-block;
	margin-right: 8px;
}
.top .quick .quick_a a:last-child{
	margin-right: 0;
}
.top .quick span:last-child{
	border-right: none;
	padding-right: 0;
}
.top .quick .quick_c{
	padding-left: 40px;
	background: url(../img/earth.png) no-repeat 20px center;	
}
.header{
	height: 118px;
}
.header .logo{
	display: block;
	width: 210px;
	height: 80px;	
	float: left;
	margin-top: 10px;
}
.header .slogen{
	float: left;
	margin-top: 25px;	
	margin-left: 15px;
	background: url(../img/line.png) no-repeat left center;
	padding: 10px 0;
	padding-left: 22px;
}
.header .slogen h2{
	font-size: 24px;
	line-height: 1;
	color: #000;
	letter-spacing: .5px;
}
.header .iden{
	float: left;
	margin-left: 60px;
	margin-top: 30px;
}
.header .slogen p{
	font-size: 16px;
	color: #2575d3;
}
.header .tel{
	float: right;	
	padding-left: 56px;
	margin-top: 30px;
	background: url(../img/tel.png) no-repeat left center;
}
.header .tel h2{
	font-size: 18px;
	color: #555;
	line-height: 1;
}
.header .tel p{
	line-height: 1;
	font-size: 26px;
	color: #2575d3;
	margin-top: 10px;
}
@media (max-width: 1370px) {
	.header .iden{
		display: none;
	}
}
@media (max-width: 992px) {
	.top .quick{
		display: none;
	}
	.header .slogen{
		display: none;
	}
}
nav{
	background: #2575d3;
	font-size: 17px;
}
nav li{
	width: 12.5%;
	float: left;
	text-align: center;
	line-height: 50px;
	color: #fff;
	position: relative;
}
nav>ul>li::after{
	content: "";
	display: block;
	width: 1px;
	height: 26px;
	background: #2d8af6;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -13px;
}
nav>ul>li::before{
	content: "";
	display: block;
	width: 1px;
	height: 26px;
	background: #286ebf;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -13px;
}
nav li:first-child::before{
	display: none;
}
nav li:last-child::after{
	display: none;
}
nav li a{
	display: block;
}
nav li.on,nav li:hover{
	background: #2d8af6;
	color: #fff;
}
nav li.on a,nav li:hover a{	
	color: #fff;
}
nav .pc_subnav{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 50;
	background: #2d8af6;
	font-size: 15px;	
	padding: 10px 0;
	display: none;
}
nav .pc_subnav li{
	float: none;
	width: 100%;
	line-height: 35px;
}
nav .pc_subnav li:hover{
	background: #2575d3;
}
@media (min-width: 960px) {
	.head{
		display: none;
	}
	.m_nav_list{
		display: none;
	}
}
/*手机四级导航开始*/
@media (max-width: 961px) {
	body{
		padding-top: 85px;
	}
	.top{
		display: none;
	}
	.header{
		display: none;
	}
	.logo{
		display: none;
	}
	nav{
		display: none;
	}
	.m_nav_con{
		position: fixed;
		top: 0;
		width: 100%;
		background: #fff;
		z-index: 999;
	}
	.m_nav{
		margin:10px 0;
		position: relative;
	}
	.m_logo{
		display: block;		
		margin:0 auto;
		height: 65px;
		float: left;
		padding-left: 15px;
		
	}
	.m_logo img{
		height: 100%;
	}
	.m_nav .nav_button{
		display: block;
		position: absolute;
		height:25px;
		width: 35px;
		right: 25px;
		top: 22px;
	}
	.m_nav .nav_button::after{
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		position: absolute;
		background: #000;
		bottom: 0;
		left: 0;
		transition:all 0.3s;
	}
	.m_nav .nav_button::before{
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		position: absolute;
		background: #000;
		top: 0;
		left: 0;
		transition:all 0.3s;
	}
	.m_nav .nav_button span{
		display: block;
		height:2px;
		width: 100%;
		background: #000;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -1px;
	}
	.m_nav .nav_button.on span{
		opacity: 0;
	}
	.m_nav .nav_button.on::after{
		transform: rotate(-45deg);
		top: 50%;
	}
	.m_nav .nav_button.on::before{
		transform: rotate(45deg);
		top: 50%;
	}	
	.m_nav_list{
		position: fixed;
		top: 85px;
		max-width: 80%;
		width: 100%;		
		bottom: 0;
		overflow: hidden;
		font-size: 12px;
		transition:all 0.5s;
		left: -100%;
		z-index: 999;
		
	}
	.m_nav_list.on{
		transition-delay: 0.2s;
		left: 0;
	}
	.m_search{
		background: #efefef;
		padding: 10px;
	}
	.m_search .inner{
		width: 100%;
		background: #fff;
		height: 32px;
		border-radius: 16px;
		overflow: hidden;
	}
	
	.m_search input[type="submit"]:active{
		background-color: #ddd;
	}
	.m_search input[type="text"]{
		height: 100%;
		width:calc(100% - 45px);
		float: left;
		border:none;
		outline: none;
		text-indent: 10px;
		text-align: center;
	}
	.m_nav_list{
		border-right: 1px solid #efefef;
	}
	.m_nav_list li{
		padding: 15px 0;
		background: #fff;
		border-bottom: 1px solid #efefef;
		padding-left: 20px;
		position: relative;		
	}
	.m_nav_list li a{
		display: block;
	}
	.m_nav_list li .m_next{
		display: block;
		width: 50px;
		height: 100%;
		border-left: 1px solid #efefef;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 10;
	}
	.m_nav_list li .m_next::after{
		content: "";
		display: block;
		height: 0;
		width: 0;
		border:4px solid transparent;
		border-left-color:#000;
		position: absolute;
		top: 50%;
		margin-top: -4px;
		left: 50%;
		margin-left: -4px; 
	}
	.m_nav_list li .m_next:active{
		background:#efefef;
	}
	.m_nav_list ul{
		background: #fff;
		height: 100%;	
		position: absolute;
		width: 100%;	
	}
	.m_nav_list ul.first_list{
		top: 0;
		left: 0;
	}
	.m_nav_list .second_list{
		background: #fff;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 100%;
	}
	.m_nav_list .third_list{
		background: #fff;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 100%;
	}
	.m_nav_list .forth_list{
		background: #fff;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 100%;
	}
	.m_nav_list .fifth_list{
		background: #fff;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 100%;
	}
	.nav_box{
		transition:all 0.3s;
	}
	.m_nav_title{
		height: 52px;
		background: #2d8af6;
		text-align: center;
		line-height: 52px;
		font-size: 16px;
		position: relative;
		cursor: pointer;
		color: #fff;
	}
	.m_nav_title span{
		display: block;
		width: 52px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.m_nav_title span::before{
		content: "";
	    border-top: 2px solid transparent;
	    border-left: 2px solid transparent;
	    display: block;
	    width: 8px;
	    height: 8px;
	    margin: auto;
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    border-color: #fff;
	    -ms-transform: rotate(-45deg);
    	transform: rotate(-45deg);
    	left: 50%;
	}
	.nav_box ul.ztop{
		z-index: 99;
	}
	.phonemask{
		display: block;
		position: fixed;
		z-index: 990;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.6);
		display: none;
	}
	html.oh,body.oh{
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
}
/*手机四级导航结束*/
/* banner */
    .banner .swiper-container {
      width: 100%;
      height: 100%;
    }
    .banner .swiper-slide {
 
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	.banner img{
		width: 100%;
	}
/* banner 结束 */



/* 生产现场 */

.scxc{
	padding-top: 66px;
	padding-bottom: 56px;
}
.scxc span{
	font-family: mFont;
	font-size: 35px;
	color: #2575d3;
	text-align: center;	
	display: block;
	line-height: 1;
	text-transform: uppercase;
}
.scxc h2{
	font-size: 30px;
	text-align: center;
}
.scxc div{
	background-color: #2575d3;
	width: 47px;
	height: 1px;
	margin: 0 auto;
}
.scxc_bj{
	background-image: url(../img/scxc_bj.png);
	width: 100%;
}
.certify {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
	width: 1500px;
	padding-left: 80px;
	padding-right: 80px;
}
.certify .swiper-container {
	padding-bottom: 60px;
}
.certify  .swiper-slide {
	width: 510px;
	height: auto;
	color: rgba(0,0,0,0);
}
.certify  .swiper-slide p{
	opacity: 0;
}
.certify  .swiper-slide-active p{
	opacity: 1;
}
.certify .swiper-slide-active{
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
@media (max-width: 768px) {
	.certify .swiper-slide-active{
		background: #fff;
		box-shadow: none;
	}
	.s10xc_bj{
		box-shadow: 0 8px 30px #ddd;
	}
}
.certify  .swiper-slide img{
	display:block;
	width: 100%;
	padding:10px 10px 0 10px; 
}
.certify .swiper-slide p {
	width: 355px;
	line-height: 32px;
	text-align: center;
	color: #333333;
	font-size: 18px;
	margin: 0 auto;
	margin: 20px auto;
}

.certify .swiper-button-next, 
.certify .swiper-container-rtl .swiper-button-prev{
	right: 0;
}
.certify .swiper-button-prev,
.certify .swiper-container-rtl .swiper-button-next{
	left: 0;
}
@media (max-width: 768px) {
	.certify{
		padding-right: 30px;
		padding-left: 30px;
	}
	.scxc{
		padding-top: 35px;
		padding-bottom: 30px;
	}
}
/* 生产现场 结束 */

.index_tag{
	width: 1175px;
	max-width: 100%;
	margin:0 auto 47px;
}
.index_tag li{
	width:14.2857%;
	float: left;
	text-align: center;
	padding: 0 10px;
}
.index_tag li span{
	display: block;	
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	background: #7c7c7c;
	cursor: pointer;
}
.index_tag li.on span{
	background: #2575d3;
	color: #fff;
}
.index_boxes .box{
	display: none!important;
}
.index_boxes .box:first-child{
	display: block!important;
}
.index_boxes li{
	/*width: 20%;*/
	/*float: left;*/
	/*padding: 0 13px;*/
	margin-bottom: 40px;
	font-size: 18px;
}
.index_boxes li a{
	display: block;
	width: 100%;
	
}
.index_boxes li a img{
	display: block;
	width: 100%;
	border:1px solid #dddddd;
	margin-bottom: 20px;
	transition:all 0.3s;
}
.index_boxes li a p{
	text-align: center;
	transition:all 0.3s;
}
.index_boxes li a:hover img{
	box-shadow: 0px 0px 13px 0px rgba( 0, 0, 0,.3 );
}
.index_boxes li a:hover p{
	font-weight: bold;
	color: #121212;
}
@media (max-width: 992px) {
	.index_tag li{
		float: none;
		display: inline-block;
		width: 24%;
	}
	.index_tag{
		text-align: center;
	}
	.index_tag li{
		margin-bottom: 15px;
	}
}
@media (max-width: 768px) {
	.index_tag li{
		float: none;
		display: inline-block;
		width: 49%;
	}
	.index_tag{
		margin-bottom: 20px;
	}
	.index_boxes li{
		/*width: 50%;*/
		padding: 0 5px;
		margin-bottom: 25px;
	}
	.index_boxes li a img{
		margin-bottom: 10px;
	}
	.index_boxes li a p{
		font-size: 16px;
	}
}
.index_adv{
	background: url(../img/ys-bj1.png) no-repeat center/cover;
	padding-bottom: 100px;

}
.index_adv img:hover{
	transform: scale(1.06);
}
.index_adv .scxc span{
	color: #fff;
}
.index_adv .scxc h2{
	color: #fff;
}
.index_adv .scxc div{
	background: #fff;
}
.index_adv .scxc{
	padding-top: 60px;
	padding-bottom: 45px;
}
.swiper_adv{
	width: 1360px;
	max-width: 96%;
	margin:0 auto;
	text-align: center;
	font-size: 22px;
	color: #fff;
}
.index_adv img{
	display: block;
	width: 100%;
	margin-bottom: 15px;
}
.index_adv .swiper_adv span{
	font-size: 30px;
	display: inline-block;
	margin-right: 8px;
}
.s10xc_bj{
	background: url(../img/bg_pro.jpg) no-repeat center/cover;
}
.news_list{
	width: 47%;
	float: left;
	margin-bottom: 50px;
}
.news_list:last-child{
	float: right;
}
.news_list .class_title{
	display: block;
	width: 100%;
	border-bottom: 2px solid #e0e0e0;
	line-height: 60px;
	font-size: 24px;
	padding-left: 2px;
	position: relative;	
	margin-bottom: 44px;
}
.news_list .class_title::after{
	content: "";
	display: block;
	height: 2px;
	width: 117px;
	background: #2575d3;
	bottom: -2px;
	position: absolute;
}
.news_list .class_title a{
	font-size: 16px;
	float: right;
}
.news_list .top_news a{
	display: block;
}
.news_list .top_news .img_box{
	overflow: hidden;
	width: 55%;
	height: 171px;
	float: left;	
}
.news_list .top_news .img_box span{
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	width: 100%;
	height: 171px;
	float: left;
	transition:all 0.3s;
}
.news_list .top_news .txt{
	width: 45%;
	float: left;
	overflow-y: hidden;
	padding-left: 20px;
}
.news_list .top_news a:hover span{
	transform: scale(1.1);
}
.news_list .top_news h1{
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 15px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_list .top_news p{
	font-size: 14px;
	color: #888888;
	margin-bottom: 15px;
}
.news_list .top_news .des{
	font-size: 14px;	
	line-height: 26px;
	height: 104px;	
	width: 100%;
	overflow: hidden;
	-ms-text-overflow: ellipsis;text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 4;	
}
.news_list .n_li{
	margin-top: 30px;
	position: relative;
}
.news_list .n_li a{
	display: block;
	border:1px solid #d9d9d9;
	padding: 12px 18px 12px 60px;
}
.news_list .n_li a:hover{
	border:1px solid #2575d3;
}
.news_list .n_li a:hover h1{
	color: #2575d3;
}
.news_list .n_li h1{
	line-height: 1;
	font-size: 16px;
	margin-bottom: 10px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_list .n_li p{
	line-height: 1;
	color: #999999;	
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_list .n_li .txt{
	padding-left: 18px;
	border-left: 1px solid #efefef;
}
.news_list .n_li span{
	display: block;
	position: absolute;
	width: 60px;
	height: 40px;
	left: 1px;
	top: 50%;
	margin-top: -20px;
	text-align: center;	
	padding-top: 25px;
	line-height: 1;
	color: #999999;
	background: url(../img/car.jpg) no-repeat center 0px;
}
@media (max-width: 768px) {
	.news_list{
		width: 100%;
		float: none;
	}
	.news_list .top_news .img_box{
		width: 100%;
		float: none;
	}
	.news_list .top_news .txt{
		width: 100%;
		float: none;
		padding-left: 0;
		margin-top: 25px;
		height: auto;
	}
}
footer{
	background: #1f2024;
	color: #fff;
	padding-top: 55px;
}
footer ul{
	float: left;
	width:calc(100% / 6);
}
footer ul:nth-last-child(1){
	width: 20%;
}
footer ul:nth-last-child(2){
	width: 13%;
}
footer ul .t{
	font-size: 16px;
	margin-bottom: 16px;
}
footer ul a{
	display: block;
	line-height: 24px;
	font-size: 14px;
}
footer ul img{
	display: block;
	max-width: 100%;
	margin-top: 20px;
}
footer .line{
	height: 1px;
	width: 100%;
	background: #3c3c42;	
	opacity: 0;
	margin-top: 0;
}
footer .fr_link{
	margin-top: 60px;
	color: #e2e2e2;
	font-size: 15px;
}
footer .fr_link a{
	display: inline-block;
	margin-right: 9px;
	padding-right: 9px;
	border-right: 1px solid #e2e2e2;
}
footer .fr_link a:last-child{
	border-right: none;
}
footer .f_copy{
	padding-top: 10px;
	padding-left: 10px;
	color: #acacac;
	padding-bottom: 10px;
}
footer .f_copy span{
	display: inline-block;
	margin-right: 40px;
	line-height: 30px;
}
footer .share {
	float: right;
}
footer .share a{
	display: block;
	width: 30px;
	height: 30px;
	background: red;
	border-radius: 50%;
	float: left;
	margin-left: 12px;
}
footer .share a:nth-child(1){
	background: url(../img/icon_weibo.png) no-repeat center;
}
footer .share a:nth-child(2){
	background: url(../img/icon_weibo2.png) no-repeat center;
}
footer .share a:nth-child(3){
	background: url(../img/icon_renren.png) no-repeat center;
}
@media (max-width: 992px) {
	footer .foot_nav{
		display: none;
	}
	footer .fr_link{
		margin-top: 15px;
	}
	footer{
		padding-top: 5px;
	}
}
@media (max-width: 768px) {
	footer .fr_link{
		display: none;
	}
	footer{
		padding-bottom: 15px;
	}
}
.sub_banner img{
	display: block;
	width: 100%;
}
.sub_con{
	width: 1360px;
	max-width: 100%;
	margin:0 auto;
	padding-top: 60px;
	padding-bottom: 70px;
	position: relative;	
}
.sub_con .sub_left{
	width: 245px;
	float: left;
}
.pro_nav{
	border:2px solid #2575d3;
	margin-bottom: 40px;
}
.pro_nav img{
	display: block;
	width: 100%;
	margin-bottom: 29px;
}
.pro_nav>ul{
	padding-left: 18px;	
	font-size: 18px;
	color: #000;
	padding-right: 18px;
}
.pro_nav>ul>li{
	margin-bottom: 5px;
}
.pro_nav>ul>li>a{
	display: block;
	padding-right: 20px;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
}
.pro_nav a{
	display: block;
}
.pro_nav a span{	
	display: block;	
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 2px;
	padding-bottom: 2px;
	position: relative;
}
.pro_nav a:hover{
	color: #2575d3;
	
}
.pro_nav>ul>li>a::before{
	content: "";
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    display: block;
    width: 10px;
    height: 10px;
    margin: auto;
    position: absolute;   
    border-color: #6f6f6f;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 5px;
    top: 50%;
    margin-top: -5px;
    transition:all 0.3s;
}

.pro_nav>ul>li a.on::before{
	-ms-transform: rotate(225deg);
    transform: rotate(225deg);
    border-color: #2575d3;
}
.pro_sub{
	padding-left: 25px;
	font-size: 16px;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #444;
}
.pro_sub li{		
	position: relative;
}
.pro_sub li a{	
	display: block;
	position: relative;
}
.pro_sub li a::after{
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	border:2px solid #dbdbdb;
	position: absolute;
	top: 50%;
	margin-top: -4.5px;
	left: -20px;
}
.pro_sub{
	display: none;
}
.pro_sub .pro_sub{
	font-size: 15px;
	color: #666666;
}
.pro_sub .pro_sub .pro_sub{
	font-size: 14px;
	color: #888888;
}
.pro_sub .pro_sub .pro_sub a{	
	position: relative;
	z-index: 30;
}
.pro_sub .pro_sub .pro_sub a span{
	display: block;
	position: relative;
	z-index: 5;
	overflow: hidden;

}
.pro_sub  li span::after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	right: 35px;
	top: 0;
	background: #2575d3;
	z-index: -1;
	display: none;
	
}
.pro_sub  li span{
	overflow: hidden;
}
.pro_sub  li span::before{
	content: "";
	display: block;
	position: absolute;
	height: 0;
	width: 0;
	border:20px solid red;
	right: -5px;
	top: 50%;
	margin-top: -20px;
	border-color:transparent transparent transparent #2575d3;
	z-index: -1;
	display: none;
	
}
.pro_sub  a:hover{
	background: none;
	color: inherit;
}
.pro_sub  li:hover{
	color: #fff;
}
.pro_sub>li:hover>a>span::before,.pro_sub>li:hover>a>span::after{
	display: block;
}
.pro_nav>ul>li:first-child>.pro_sub{
	display: block;
}
.pro_nav>ul>li:first-child>.pro_sub .pro_sub{
	display: block;
}
.pro_nav>ul>li:first-child>.pro_sub>li:first-child>.pro_sub>li:first-child>.pro_sub{
	display: block;
}

.left_contact{
	width: 100%;
	border:1px solid #dddddd;
	position: relative;
	padding: 31px 14px 38px 20px;
}
.left_contact::after{
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background: #2575d3;
	position: absolute;
	top: 0px;
	left: 0;
}
.left_contact h1{
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}
.left_contact p{
	font-size: 14px;
	font-weight: bold;
	color: #888888;
	margin-bottom: 25px;
}
.left_contact h2{
	padding-left: 32px;
	/*font-size: 22px;*/
	font-size: 18px;
	
	color: #2575d3;
	font-weight: bold;
	background:url(../img/icon_tel.png) no-repeat left center;
}
.left_contact h3{
	font-size: 16px;
	color: #2575d3;
	padding-left: 32px;
	line-height: 25px;
	background:url(../img/icon_fax.png) no-repeat left center;
	margin-top: 10px;
}
.left_contact h4{
	font-size: 16px;
	color: #2575d3;
	padding-left: 32px;
	line-height: 25px;
	background:url(../img/icon_email.png) no-repeat left center;
	margin-top: 17px;
	word-break: break-word;
}
.sub_right{
	width:calc(100% - 285px);
	float: right;	
}
.sub_right .right_t{	
	padding-bottom: 15px;
	line-height: 25px;
	margin-bottom: 40px;
	border-bottom: 1px solid #eaeaea;
}
.sub_right .right_t span{
	float: left;
	font-size: 18px;
	color: #555555;
}
.sub_right .right_t .position{
	float: right;
	font-size: 14px;
	color: #999999;
	position: relative;
	padding-left: 20px;
}
.sub_right .right_t .position::after{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
	border:1px solid #2f7bd5;
}
.sub_right .right_t .position a:hover{
	color:#2d8af6;
}
.product_list li{
	width:calc(100% / 4 - 18px);
	float: left;	
	margin-right: 24px;
	margin-bottom: 40px;
}
.product_list li .img_box{
	width: 100%;
	height: 275px;
	overflow: hidden;
	border:1px solid #dddddd;
}
.product_list li .img_box span{
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	transition:all 0.5s;
}
.product_list li .img_box:hover span{
	transform: scale(1.1);
}
.product_list li p{
	text-align: center;
	font-size: 18px;
	color: #121212;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 18px;
}
.product_list li:hover p{
	color: #2575d3;
}
.product_list li:nth-child(4n){
	margin-right: 0;
}
.pages{
	text-align: center;
	padding-top: 20px;
}
.pages a{
	display: inline-block;
	background: #f6f7f6;
	line-height: 1;
	padding: 8px 10px;
	color: #5d5e5d;
	margin:0 4px;
	transition:all 0.3s;
}
.pages a.on,.pages a:hover{
	color: #fdfdfd;
	background: #6c6c6c;
}
@media (max-width: 1360px) {
	.sub_con{
		padding-right: 15px;
		padding-left: 15px;
	}
}
@media (max-width: 992px) {
	.sub_con .sub_left{
		display: none;
	}
	.sub_right{
		width: 100%;
	}
}
@media (max-width: 768px) {
	.sub_con{
		padding-top: 25px;
	}
	.sub_right .right_t span{
		display: block;
		float: none;
	}
	.sub_right .right_t .position{
		display: block;
		float: none;
		margin-top: 10px;
	}
	.sub_right .right_t{
		margin-bottom: 30px;
	}
	.product_list li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 18px;
	}
	.pages a{
		margin:0;
		padding: 8px 9px;
	}
}

.normal_left_nav{
	border-radius: 5px;
	overflow: hidden;
	border:2px solid #2575d3;
	margin-bottom: 38px;
}
.normal_left_nav .title{
	line-height: 59px;
	background: url(../img/title_bg.jpg) no-repeat center/cover;
	text-align: center;
	font-size: 24px;
	color: #fff;
}
.normal_left_nav ul{
	padding: 29px 75px 19px 18px;
}
.normal_left_nav ul li{
	line-height: 30px;
	margin-bottom: 15px;
	position: relative;	
}
.normal_left_nav ul li a{
	display: block;
	padding-left: 36px;
	position: relative;
	font-size: 18px;
	color: #000000;
	position: relative;
	z-index: 5;
}
.normal_left_nav ul li a::after{
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	border:2px solid #dadada;
	position: absolute;
	left: 18px;
	top: 50%;
	margin-top: -4.5px;
}
.normal_left_nav ul li.on,.normal_left_nav ul li:hover{
	background: #2575d3;
}
.normal_left_nav ul li.on:after,.normal_left_nav ul li:hover::after{
	content: "";
	display: block;
	height: 0;
	width: 0;
	border:15px solid #000;
	position: absolute;
	border-color:transparent transparent transparent #2575d3;
	right: -30px;
	top: 0;
}
.normal_left_nav ul li.on a,.normal_left_nav ul li:hover a{
	color: #fff;
}
.about_contain .about_img{
	display: block;
	width: 100%;
	margin-bottom: 30px;
}
.about_contain .about_t{
	font-size: 16px;
	color: #555555;
	text-align: justify;
	line-height: 28px;	
}
.contact_contain .contact_t{
	padding-top: 52px;
	margin-bottom: 30px;
}
.contact_contain .contact_t li{
	float: left;
	width: calc(100% / 4 - 18px);
	margin-right: 24px;
	border:5px solid #f4f4f4;
	padding-top: 50px;
	border-radius: 8px;
	padding-bottom: 20px;
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
}
.contact_contain .contact_t li:last-child{
	margin-right: 0;
	text-align: center;
}
.contact_contain .contact_t li span{
	border:5px solid #f4f4f4;
	display: block;
	border-radius: 50%;
	height: 92px;
	width: 92px;
	background: #fff url(../img/icon_c1.png) no-repeat center;
	position: absolute;
	top: -60px;
	left: 50%;
	margin-left: -46px;
}
.contact_contain .contact_t li:nth-child(2) span{
	background-image: url(../img/icon_c2.png);
}
.contact_contain .contact_t li:nth-child(3) span{
	background-image: url(../img/icon_c3.png);
}
.contact_contain .contact_t li:nth-child(4) span{
	background-image: url(../img/icon_c4.png);
}
.contact_contain .contact_t li p{
	font-size: 15px;
	line-height: 18px;
	height: 54px;
	text-align: center;
	word-break: break-all;
}
#allmap{
	height: 462px;
	border:5px solid #ffffff;
}
.wp-baidumap_content{
	padding: 17px;
	background: #f4f4f4;
	border-radius: 10px;
}
.wp-baidumap_content *{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.BMapLib_bubble_content{
	height:auto !important;
}
@media (max-width: 768px) {
	.contact_contain .contact_t li{
		width: 48%;
		margin-right: 1%;
		margin-left: 1%;
		margin-bottom: 70px;
	}
	.contact_contain .contact_t{
		margin-bottom: 0;
	}
	.wp-baidumap_content{
		padding: 5px;
	}
}
.message_contain{
	background: #f4f4f4;
	padding: 15px;
	border-radius: 10px;
}
.message_contain .right{
	width: 50%;
	float: left;
	background: #fff;
	padding: 20px;
}
.message_contain  .form_row{
	margin-bottom: 20px;
}
.message_contain  .form_row input{
	height: 59px;
	width: 100%;
	text-indent: 20px;
	border:1px solid #e6e6e6;
	font-size: 16px;
	
}
.message_contain  .form_row textarea{
	height: 100px;
	width: 100%;
	text-indent: 20px;
	border:1px solid #e6e6e6;
	font-size: 16px;
	
}

.message_contain   input::-webkit-input-placeholder {
		color: #888;
	}
.message_contain   input:-ms-input-placeholder { 
		color: #888;
	}
.message_contain   input:-moz-placeholder { 
		color: #888;
	}
.message_contain   input::-moz-placeholder { 
		color: #888;
	}
.message_contain  .form_row textarea::-webkit-input-placeholder {
		color: #888;
	}
.message_contain  .form_row textarea:-ms-input-placeholder { 
		color: #888;
	}
.message_contain  .form_row textarea:-moz-placeholder { 
		color: #888;
	}
.message_contain  .form_row textarea::-moz-placeholder { 
		color: #888;
	}
.message_contain  .form_row_code input{
	height: 59px;
	width: 60%;
	text-indent: 20px;
	border:1px solid #e6e6e6;
	font-size: 16px;
	float: left;
}
.code{
	float: left;
	width: 40% !important;
	margin-top: 10px;
	padding-left: 15px;
}
#code{
	width: 89px;
	height: 40px;
	display: inline-block;
}
.message_contain #submit{
	width: 100%;
	height: 60px;
	color: #fff;
	background: #2575d3;
	border:none;
	font-size: 22px;
	margin-top: 20px;
}
.message_contain .left{
	width: 50%;
	float: left;
	height: 462px;
	background: url(../img/banner_message.jpg) no-repeat center/cover;
}
.message_contain .form_row:nth-child(1) input{
	background: url(../img/icon_person.png) no-repeat right 20px center;
}
.message_contain .form_row:nth-child(2) input{
	background: url(../img/icon_telb.png) no-repeat right 20px center;
}
.message_contain .form_row:nth-child(3) textarea{
	padding-top: 15px;
	background: url(../img/icon_message.png) no-repeat right 20px  top 15px;
	padding-right: 50px;
}
@media (max-width: 992px) {
	.message_contain .left{
		width: 100%;
	}
	.message_contain .right{
		width: 100%;
	}
}
@media (max-width: 768px) {
	.message_contain .left{
		height: 200px;
	}
	.message_contain{
		padding: 2px;
	}
	.message_contain .right{
		padding: 20px;
		padding-top: 25px;
	}
	.message_contain .form_row input{
		height: 49px;
	}
	.message_contain .form_row_code input{
		height: 49px;
	}
	.code{
		margin-top: 0;
	}
	#code{
		display: block;
	}
	.message_contain #submit{
		height: 50px;
	}
}
.news_swiper .img_box{
	width: 50%;
	height: 260px;
	background: #000;
	float: left;
}
.news_swiper .img_box span{
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}
.news_swiper .t_box{
	padding: 25px;
	width: 50%;
	float: left;
	background: #f2f2f2;
}
.news_swiper .t_box .date{
	font-size: 12px;
	line-height: 18px;
	color: #999999;
	padding-left: 24px;
	background: url(../img/icon_clock.png) no-repeat left center;
}
.news_swiper .t_box .title{
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	margin-top: 8px;
	margin-bottom: 20px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_swiper .t_box .des{
	font-size: 14px;
	color: #666666;
	line-height: 25px;
	height: 100%;
	width: 100%;
	overflow: hidden;
	-ms-text-overflow: ellipsis;text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 4;
}
.news_swiper .t_box .more{
	font-size: 13px;
	color: #999999;
	text-transform: uppercase;
	margin-top: 18px;
}
.news_swiper .swiper-pagination{
	position: static;
	margin-top: 30px;
	margin-bottom: 30px;
}
.news_swiper .swiper-pagination-bullet{
	width: 30px;
	height: 3px;
	background: #cccccc;
	border-radius: 0;
	opacity: 1;
}
.news_swiper .swiper-pagination-bullet-active{
	background: #2575d3;
}
@media (max-width: 768px) {
	.news_swiper .img_box{
		width: 100%;
		height: 150px;
		float: none;
	}
	.news_swiper .t_box{
		width: 100%;
		float: none;
		padding-right: 20px;
		padding-left: 20px;
	}
	.news_swiper .swiper-pagination{
		margin-top: 15px;
		margin-bottom: 15px;
	}
}
.in_news .news_list{
	width: 100%;
	float: none;
}
.in_news  .news_list .n_li p{
	width: 100%;
	overflow: hidden;
	-ms-text-overflow: ellipsis;text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 2;
	line-height: 25px;
	height: 50px;
	white-space: pre-wrap;
}
.in_news  .news_list .n_li a{
	transition:all 0.3s;
}
.in_news  .news_list .n_li:hover a{
	box-shadow: 0 8px 15px #ddd;
	border-color:#2575d3;	
}
.in_news  .news_list .n_li:hover h1{
	color: #2575d3;
}

.pro_in_contain .p_t  .left{
	width: 50%;
	float: left;
}
.pro_in_contain .p_t  .left .view{
	border:1px solid #dddddd;
}
.pro_in_contain .p_t  .left .view .img_box{
	height: 515px;	
}
.pro_in_contain .p_t  .left .preview .swiper-slide{
	width: 33.33333333%;
}
.pro_in_contain .p_t  .left .preview{
	padding-right: 55px;
	padding-left: 55px;
}
.pro_in_contain .p_t  .left .preview .img_box{
	height: 108px;
	border:1px solid #dddddd;
}
.pro_in_contain .p_t  .left .img_box span{
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}
.pc-slide {

	width: 100%;

	margin: 0 auto;

}

.pc-slide img{

	display: block;

	width: 100%;

}

.view .swiper-container {

	width: 100%;	

}



.view .arrow-left {

	background: red;

	position: absolute;

	left: 10px;

	top: 50%;

	margin-top: -43.5px;

	width: 51px;

	height: 87px;

	z-index: 10;
	display: none;

}



.view .arrow-right {

	background: red no-repeat left bottom;

	position: absolute;

	right: 10px;

	top: 50%;

	margin-top: -43.5px;

	width: 51px;

	height: 87px;

	z-index: 10;
	display: none;

}



.preview {

	width: 100%;

	margin-top: 10px;

	position: relative;

}



.preview .swiper-container {

	width: 100%;

	

	margin-left: 0;

}



.preview .swiper-slide {

	/*width: 190px;	*/

	cursor:pointer;

}

.preview .swiper-slide  img{

	display: block;

	width: 100%;

}

.preview .swiper-slide{

	padding-right: 6px;

	padding-left: 6px;

}



.preview .arrow-left {

	background:url(../img/icon_ll.jpg) red no-repeat left top;

	position: absolute;

	left: 0;

	top: 0;

	width: 35px;

	height: 107px;

	z-index: 10;

	display: block;

}


.preview {
	position: relative;
}
.preview .arrow-right {
	
	background: url(../img/icon_rr.jpg) no-repeat left bottom;

	position: absolute;

	right: 0;

	top: 0;

	width: 35px;

	height: 107px;

	z-index: 10;

	display: block;

}



.preview img {

	padding: 1px;

}



.preview .active-nav img {

	padding: 0;

	border: 1px solid #F00;

}

.image_con{

	padding-top: 40px;

	padding-bottom: 100px;

}

.image_con .title{

	font-size: 24px;

	margin-bottom: 15px;

	font-weight: bold;

	color: #4d4d4d;

	text-align: center;

}

.image_con .date{

	text-align: center;

	font-size: 16px;

	color: #4d4d4d;

	margin-bottom: 20px;

}

.pro_in_contain .p_t  .right{
	width: 50%;
	float: left;
	padding-left: 40px;
}
.pro_in_contain .p_t  .right .title{
	line-height: 72px;
	color: #333333;
	font-size: 28px;
	border-bottom: 1px dashed #bbbbbb;
	margin-bottom: 25px;
}
.pro_in_contain .p_t  .right .des{
	line-height: 34px;
	font-size: 15px;
	color: #555555;
}
.pro_in_b{	
	margin-top: 50px;
	border:1px solid #dbdbdb;
	padding-bottom: 100px;
}
.pro_in_b .title{
	line-height: 60px;
	font-size: 18px;
	color: #fff;
	background: #2575d3;
	margin-bottom: 30px;
}
.pro_in_b .title span{
	display: block;
	width: 145px;
	background: #2d8af6;
	text-align: center;
}
.pro_in_b .des{
	padding-right: 30px;
	padding-left: 30px;
	line-height: 30px;
	font-size: 15px;
	color: #555555;
}
.pro_in_b .des .t{
	font-size: 18px;
	color: #2575d3;
	margin-bottom: 20px;
}
@media (max-width: 768px) {
	.pro_in_contain .p_t .left{
		width: 100%;
	}
	.pro_in_contain .p_t .right{
		width: 100%;
		padding-left: 0;
	}
	.pro_in_contain .p_t .left .view .img_box{
		height: 250px;
	}
	.pro_in_contain .p_t .left .preview{
		padding-right: 35px;
		padding-left: 35px;
	}
	.pro_in_b .des{
		padding-right: 10px;
		padding-left: 10px;
	}
}








/*企业文化*/
.full-row {
    width: 100%;
    transition: .2s width ease;
}

.full-row::after {
    content: "";
    display: block;
    clear: both;
}
.full-row>[class*='span'] {
    float: left;
}
.full-row>.span-5 {
    width: 41.66666667%;
}
.full-row>.span-7 {
    width: 58.33333333%;
}

/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}


img._full {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
    border: 0;
}
.about_qywh .part01{
	margin-top: 50px;
}
.about_qywh .part01 .part01_content ._left{background: #F7F7F7;}
.about_qywh .part01 .part01_content ._left ._left_cont{padding: 24px 70px;}
.about_qywh .part01 .part01_content ._left ._left_cont ._title{padding: 16px 0;font-size: 25px;}
.about_qywh .part01 .part01_content ._left ._left_cont ._content{text-indent: 28px;}
.about_qywh .part01 .part01_content ._left ._left_cont ._title_footer{padding: 19px 0;font-size: 18px;padding-left:28px;}
.about_qywh .part02{margin-top: 50px;}
.about_qywh .part02 .part02_content ._right{background:#F7F7F7;min-height:309px;}
.about_qywh .part02 .part02_content ._right ._right_cont{padding: 24px 70px;}
.about_qywh .part02 .part02_content ._right ._right_cont ._title{padding: 16px 0;font-size: 25px;}
.about_qywh .part02 .part02_content ._right ._right_cont ._title_footer{padding: 19px 0;font-size: 18px;}
.about_qywh .part02 .part02_content ._right ._right_cont ._title_footer ._content_t04{font-size:13px;margin-left:10px;font-weight:normal;}
.about_qywh .part02 .part02_content ._content ._content_t01{font-size:18px;font-weight:bold;margin-right:10px;}

.about_qywh .part03{margin-top:50px;margin-bottom:30px;}
.about_qywh .part03 ul{width:105%;}
.about_qywh .part03 li{float:left;width:30%;margin-right:5%;}
.about_qywh .part03 li .list_box{border-right:1px #b8b8b8 dotted;padding:40px 45px 40px 0px;}
.about_qywh .part03 li .list_box_main{position:relative;}
.about_qywh .part03 .img_cover{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);text-align:center;top:0;left:0;}
.about_qywh .part03 .img_cover_box{padding:20px 60px;font-weight:bold;text-align:center;color:#fff;}
.about_qywh .part03 .img_ico{width:100px;height:100px;background:url(../img/about_wenhua_part2_ico.png) no-repeat;display:block;margin:0 auto;}
.about_qywh .part03 .li2 .img_ico{background-position:-100px 0px;}
.about_qywh .part03 .li3 .img_ico{background-position:-200px 0px;}
.about_qywh .part03 .li1 .img_cover{background:url(../img/blue_8.png);}
.about_qywh .part03 .li2 .img_cover{background:url(../img/green_8.png);}
.about_qywh .part03 .li3 .img_cover{background:url(../img/brown_8.png);}
.about_qywh .part03 li .img_title{font-size:20px;}
.about_qywh .part03 li .img_p{font-size:15px;}
.about_qywh .part03 .li2,.about_qywh .part03 .li3{margin-right:0}
.about_qywh .part03 .li3 .list_box{padding:40px 0px 40px 45px;border:none;}

.part01,.part02{
	background: #F7F7F7;
}
@media only screen and (max-device-width: 1024px){
.full-row>.midd-12 {
    width: 100%;
}

.about_qywh .part03 .img_cover_box {
    padding: 0;
}
}
 
@media screen and (max-width: 760px){
.about_qywh .part01 .part01_content ._left ._left_cont, .about_qywh .part02 .part02_content ._right ._right_cont {
    padding: 20px;
}
.about_qywh .part03 li {
    width: 100%;
    margin: 0;
}

.about_qywh .part03 li .list_box {
    border: none;
}

.about_qywh .part03 .img_ico {
    margin: 10px auto;
}

.about_qywh .part03 li .list_box, .about_qywh .part03 .li3 .list_box {
    padding: 20px 0px;
}
.about_qywh .part03 ul {
    width: 100%;
}

.about_qywh .part03 {
    margin-top: 20px;
    margin-bottom: 0px;
}
}



/*2019/2/25*/
.index_pro_swiper .swiper-wrapper{
    -webkit-transition-timing-function:linear!important;
    -moz-transition-timing-function:linear!important;
    -ms-transition-timing-function:linear!important;
    -o-transition-timing-function:linear!important;
    transition-timing-function:linear!important;
    /*margin: 0 auto;*/
}
.index_boxes .box{
	position: relative;
}
.index_boxes .swiper-button-prev,.index_boxes .swiper-button-next{
	margin-top: -45px;
}
.index_boxes .swiper-button-prev{
	left: -50px;
}
.index_boxes .swiper-button-next{
	right: -50px;
}

@media only screen and (max-width:1024px) {
	.index_boxes .swiper-button-prev{
	left: -30px;
}
.index_boxes .swiper-button-next{
	right: -30px;
}
}
@media only screen and (max-width:960px) {
	.index_boxes .swiper-button-prev{
	left: -5px;
}
.index_boxes .swiper-button-next{
	right: -5px;
}
.index_boxes .box{
	padding: 0 20px;
}
}